.bai{
    &_header{
        height: 44px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        &_avatar{
            width: 33px;
            height: 33px;
            border-radius: 50%;
        }
        &_info{
            width: 160px;
            height: 100%;
            margin-left: 8px;
            display: flex;
            flex-direction: column;
            &_name{
                font-size: 14px;
                color: #333;
            }
            &_address{
                font-size: 12px;
                color: #a5a5a5;
            }
        }
        &_area{
            width: 180px;
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            &_button1{
                width: 100px;
                height: 24px;
                border: 1px #ddd solid;
                font-size: 10px;
                text-align: center;
                line-height: 24px;
                border-radius: 30px;
            }
            &_button2{
                width: 52px;
                height: 24px;
                border: 1px #ddd solid;
                font-size: 10px;
                text-align: center;
                line-height:24px;
                border-radius: 30px;

            }
        }
    }
    &_nav{
        width: 345px;
        height: 36px;
        background-color: #fdefee;
        margin:  0 auto;
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        padding: 0 16px;
        &_title{
            color: #cf160b;
            font-size: 14px;
        }
        &_text{
            color: #cf160b;
            font-size: 12px
        }
    }
    &_bar{
        margin-top: 8px;
        height: 90px;
        background-color: #fff;
        &_nav{
            box-sizing: border-box;
            padding: 0 16px;
            height: 28px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            &_title{
                font-size: 14px;
                color: #333;
            }
            &_text{
                font-size: 12px;
                color: #b8b8b8;
            }
            &_icon{
                height: 60px;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
                &_item{
                    width: 52px;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    align-items: center;
                    &>span{
                        font-size: 18px;
                        color: #565759;
                    }
                    &_text{
                        font-size: 13px;
                        color: #565759;
                    }
                }
            }
        }
    }
}